<template>
    <div class="mod-home">
        <table-grid
            style="height: 100%;"
            tableTitle="客户列表"
            :button-list="buttonList"
            :tableColumn="mbTableColumn"
            :tableData="mbTableData"
        ></table-grid>
        <customer ref="prodRef"></customer>
    </div>
</template>

<script>
import customer from '@/views/modules/manage/baseinfo/customer/customer.vue'
export default {
    components: {
      product
    },
  	data () {
    	return {
            buttonList: [
                {name: "新增",code: "add",type: "primary"}
            ],
            mbTableColumn: [
                {type: 'seq', width: 60},
                {field: 'cusArea', title: '客户区域'},
                {field: 'cusCode', title: '客户代码'},
                {field: 'cusName', title: '客户名称'},
                {field: 'cusLeader', title: '客户负责人'},
            ],
            mbTableData: [
                {
                  cusArea: "山东区",
                  cusCode: "CUS001",
                  cusName: "客户名称1",
                  cusLeader: "张三",
                },
                {
                  cusArea: "华南区",
                  cusCode: "CUS002",
                  cusName: "客户名称2",
                  cusLeader: "李四",
                }
            ],

		}
  	},
  	mounted () {

  	},
  	methods: {
        oprClick(){
            this.$refs.customer.init()
        }
    }
}
</script>

<style lang="scss" scoped>


</style>
